<!DOCTYPE html>
<html lang="en">

<!-- Head tag -->
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--Description-->
    

    <!--Author-->
    
        <meta name="author" content="kobako">
    

    <!--Open Graph Title-->
    
        <meta property="og:title" content="Kobako"/>
    

    <!--Open Graph Description-->
    

    <!--Open Graph Site Name-->
    <meta property="og:site_name" content="Kobako"/>

    <!--Type page-->
    
        <meta property="og:type" content="website" />
    

    <!--Page Cover-->
    

    <meta name="twitter:card" content="summary" />
    

    <!-- Title -->
    
    <title>Kobako</title>

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">

    <!-- Custom Fonts -->
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="//oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- Gallery -->
    <link href="//cdnjs.cloudflare.com/ajax/libs/featherlight/1.3.5/featherlight.min.css" type="text/css" rel="stylesheet" />

    <!-- Custom CSS -->
    <link rel="stylesheet" href="/kobako-blog/css/style.css">

    <!-- Google Analytics -->
    


</head>


<body>

<div class="bg-gradient"></div>
<div class="bg-pattern"></div>

<!-- Menu -->
<!--Menu Links and Overlay-->
<div class="menu-bg">
    <div class="menu-container">
        <ul>
            
            <li class="menu-item">
                <a href="/kobako-blog/">
                    主页
                </a>
            </li>
            
            <li class="menu-item">
                <a href="/kobako-blog/archives">
                    历史文章
                </a>
            </li>
            
        </ul>
    </div>
</div>

<!--Hamburger Icon-->
<nav>
    <a href="#menu"></a>
</nav>

<div class="container">

    <!-- Main Content -->
    <div class="row">
    <div class="col-sm-12">

        <!--Title and Logo-->
        <header>
    <div class="logo">
        <a href="/kobako-blog/"><i class="logo-icon fa fa-apple" aria-hidden="true"></i></a>
        
            <h1 id="main-title" class="title">Kobako</h1>
        
    </div>
</header>

        <section class="main">
            
                
<div class="post">

    <div class="post-header index">
        <h1 class="title">
            <a href="/kobako-blog/2018/06/14/elm-route-learn/">
                elm路由学习
            </a>
        </h1>
        <div class="post-info">
            
                <span class="date">2018-06-14</span>
            
            
            
        </div>
    </div>

    
        <div class="content">
            <p>Elm路由需要用到两个库: <code>navigation</code>,和<code>url-parser</code>.它们可以说是很复杂了,尝试着去看了一下源码,发现不是一般的难读懂,让人不禁反思,错误的是这个库还是自己的阅读方式.虽然答案明摆着是自己的问题</p>
<p>回顾了一下之前用elm写的代码,可以得到一个结论,函数签名更多时候是写给自己看的.所以,尝试阅读函数签名来理解逻辑,想必不是一个好主意,至少在用熟练之前.相比之下看参数名有意义的多</p>
<p>所以参考Navigation的example做一个简单的路由应用,目标是包含三个页面: 1. 用户列表 2. 个别用户信息查看 3. 包含链接的主页</p>
<p>相应的路由是: 1. <code>#blog/users</code> 2. <code>#blog/user/:id</code> 3. <code>/</code></p>
        </div>
        <a href="/kobako-blog/2018/06/14/elm-route-learn/" class="read-more">阅读全文</a>
    

</div>
            
                
<div class="post">

    <div class="post-header index">
        <h1 class="title">
            <a href="/kobako-blog/2018/06/13/git-submodule-bug/">
                git-submodule的使用以及bug
            </a>
        </h1>
        <div class="post-info">
            
                <span class="date">2018-06-13</span>
            
            
            
        </div>
    </div>

    
        <div class="content">
            <p>本来想记录一下修复bug的过程,结果查了一堆资料,总结下Git的一些概念和使用方式</p>
        </div>
        <a href="/kobako-blog/2018/06/13/git-submodule-bug/" class="read-more">阅读全文</a>
    

</div>
            
                
<div class="post">

    <div class="post-header index">
        <h1 class="title">
            <a href="/kobako-blog/2018/06/12/english-learn-note/">
                学习英语笔记
            </a>
        </h1>
        <div class="post-info">
            
                <span class="date">2018-06-12</span>
            
            
            
        </div>
    </div>

    
        <div class="content">
            <p>看了一篇博客<a href="https://www.fluentu.com/blog/english/best-way-to-learn-english-vocabulary/" target="_blank" rel="noopener">How Do You Learn Best? The 13 Best Ways to Learn English for Different Learning Styles</a>,感觉有不少收获,整理一下主要内容</p>
<h3 id="Keep-a-list"><a href="#Keep-a-list" class="headerlink" title="Keep a list"></a>Keep a list</h3><ol>
<li><p><code>Put this list somewhere portable</code> (easy to carry around)—a little notebook, your phone—so you can access it from anywhere.</p>
</li>
<li><p><code>Make sure to keep plenty of space between words</code> 这样以后可以记下更多的东西</p>
</li>
<li><p>可以记下diffrent version of the word,比如fish就记下fishman等</p>
</li>
</ol>
<h3 id="Write-a-blog"><a href="#Write-a-blog" class="headerlink" title="Write a blog"></a>Write a blog</h3><p>要不要尝试着用英语写博客? 可是日语都没用来写过博客,那么跳的吗</p>

        </div>
    

</div>
            
                
<div class="post">

    <div class="post-header index">
        <h1 class="title">
            <a href="/kobako-blog/2018/06/08/express-project-structure-design/">
                软工项目总结,Express项目架构实践
            </a>
        </h1>
        <div class="post-info">
            
                <span class="date">2018-06-08</span>
            
            
            
        </div>
    </div>

    
        <div class="content">
            <p>尝试在软件工程的订餐系统项目里面尝试着使用了一些理念:</p>
<ol>
<li>RestAPI</li>
<li>模拟代数数据结构(函数式里的理念)</li>
<li>RequireJs管理前端js</li>
<li>中间件拦截非法请求(权限控制)</li>
<li>routes和controllers和models的目录和文件最好保持一致</li>
<li>在前端Js尝试使用类似IO monad的方式来进行链式操作(类似express中间件系统),尝试用链式操作完成所有前端工作</li>
</ol>
<p>下面对某些点进行展开</p>
        </div>
        <a href="/kobako-blog/2018/06/08/express-project-structure-design/" class="read-more">阅读全文</a>
    

</div>
            
                
<div class="post">

    <div class="post-header index">
        <h1 class="title">
            <a href="/kobako-blog/2018/06/05/practice-requirejs/">
                requireJs实践
            </a>
        </h1>
        <div class="post-info">
            
                <span class="date">2018-06-05</span>
            
            
            
        </div>
    </div>

    
        <div class="content">
            <p>做软件工程课设闷死了,学点新东西自娱自乐</p>
<p>其实之前在公司闲着的时候已经看过一些文档了,但是果然没有实际自己搭建过是很难理解并且使用的.</p>
        </div>
        <a href="/kobako-blog/2018/06/05/practice-requirejs/" class="read-more">阅读全文</a>
    

</div>
            
                
<div class="post">

    <div class="post-header index">
        <h1 class="title">
            <a href="/kobako-blog/2018/06/04/practice-express-route/">
                express route实践
            </a>
        </h1>
        <div class="post-info">
            
                <span class="date">2018-06-04</span>
            
            
            
        </div>
    </div>

    
        <div class="content">
            <p>最近尝试学习REST API的时候,拜读了一篇博客<a href="https://www.codementor.io/olatundegaruba/nodejs-restful-apis-in-10-minutes-q0sgsfhbd" target="_blank" rel="noopener">Build Node.js RESTful APIs in 10 Minutes</a>,里面的代码是用express写的.其中一段路由分发的代码完全颠覆了我的认识,让我重新思考怎样才是最优雅的路由实现方式.</p>
        </div>
        <a href="/kobako-blog/2018/06/04/practice-express-route/" class="read-more">阅读全文</a>
    

</div>
            
                
<div class="post">

    <div class="post-header index">
        <h1 class="title">
            <a href="/kobako-blog/2018/06/03/hello-hexo/">
                hello-hexo
            </a>
        </h1>
        <div class="post-info">
            
                <span class="date">2018-06-03</span>
            
            
            
        </div>
    </div>

    
        <div class="content">
            <p>尝试使用了一下hexo,吐槽一下</p>
<p>总感觉官网不是面向程序员的,因为根本没有涉及到原理一类的东西</p>
<p>可是你让一个外行人去下node,下npm,用命令行,我不认为这是一个好主意</p>
<p>不过看在方便的份上,先将就用着了</p>

        </div>
    

</div>
            
        </section>
    </div>
</div>






</div>

<!-- Footer -->
<div class="push"></div>

<footer class="footer-content">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 footer-about">
                <h2>关于</h2>
                <p>
                    将就用来写一下技术博客
                </p>
            </div>
            
    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 recent-posts">
        <h2>最近文章</h2>
        <ul>
            
            <li>
                <a class="footer-post" href="/kobako-blog/2018/06/14/elm-route-learn/">elm路由学习</a>
            </li>
            
            <li>
                <a class="footer-post" href="/kobako-blog/2018/06/13/git-submodule-bug/">git-submodule的使用以及bug</a>
            </li>
            
            <li>
                <a class="footer-post" href="/kobako-blog/2018/06/12/english-learn-note/">学习英语笔记</a>
            </li>
            
            <li>
                <a class="footer-post" href="/kobako-blog/2018/06/08/express-project-structure-design/">软工项目总结,Express项目架构实践</a>
            </li>
            
        </ul>
    </div>



            
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <ul class="list-inline footer-social-icons">
                    
                    <li class="list-inline-item">
                        <a href="https://github.com/zhuobinggang">
                            <span class="footer-icon-container">
                                <i class="fa fa-github"></i>
                            </span>
                        </a>
                    </li>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    <li class="list-inline-item">
                        <a href="mailto:zhuobinggang@gmail.com">
                            <span class="footer-icon-container">
                                <i class="fa fa-envelope-o"></i>
                            </span>
                        </a>
                    </li>
                    
                    
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <div class="footer-copyright">
                    @kobako All right reserved
                </div>
            </div>
        </div>
    </div>
</footer>

<!-- After footer scripts -->

<!-- jQuery -->
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>

<!-- Tween Max -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.18.5/TweenMax.min.js"></script>

<!-- Gallery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/featherlight/1.3.5/featherlight.min.js" type="text/javascript" charset="utf-8"></script>

<!-- Custom JavaScript -->
<script src="/kobako-blog/js/main.js"></script>

<!-- Disqus Comments -->



</body>

</html>